<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1971440_rpezy26v5r.css">
    
    <style>
        body{
            background-color: #E5E5E5;
        }
        .da{
            width: 200px;

            background-color: #F5F5F5;

        }
        a{

        }
        .db{
            width: 200px;
            height: 50px;
        }
        i{
            display: inline-block;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
        }
        span{
            box-sizing: border-box;
            vertical-align: top;
            display: inline-block;
            width: 150px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            padding-left: 10px;
        }
        
        .i1{
            background-color: #B3C833;
            vertical-align: top;
        }
        .db1:hover span{
            background-color: #B3C833;
        }
        .i2{
            background-color: #CE5043;
            vertical-align: top;
        }
        .db2:hover span{
            background-color: #CE5043;
        }
        .i3{
            background-color: #FB8521;
            vertical-align: top;
        }
        .db3:hover span{
            background-color: #FB8521
        }
        .i4{
            background-color:   #1AA1E1;
            vertical-align: top;
        }
        .db4:hover span{
            background-color: #1AA1E1;
        }
        .i5{
            background-color:   #5E5CA6;
            vertical-align: top;
        }
        .db5:hover span{
            background-color: #5E5CA6;
        }
        .i6{
            background-color:   #658092;
            vertical-align: top;
        }
        .db6:hover span{
            background-color: #658092;
        }

    </style>
</head>
<body>
    <div class="da">
    <div class="db  db1"><i class="iconfont iconziyuan71 i1"></i><span>Store</span></div>
    <div class="db db2"><i class="iconfont iconfuwenben i2" ></i><span>Movies</span></div>
    <div class="db db3"> <i class="iconfont iconyuanwuxin2 i3"></i><span>Music</span></div>
    <div class="db db4"> <i class="iconfont iconyuanwuxin i4"></i><span>Books</span></div>
    <div class="db db5"> <i class="iconfont icondiqiu i5"></i><span>Magazines</span></div>
    <div class="db db6"> <i class="iconfont iconhuojian i6"></i><span>Decives</span></div>
    
    
   
   
</div>
</body>
</html>